<#import "/manage/tpl/pageBase.ftl" as page>
<@page.pageBase currentMenu="商品管理">
<style type="text/css">
    .product-name {
        display: inline-block;
        width: 250px;
        overflow: hidden; /*注意不要写在最后了*/
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
</style>

<form action="${basepath}/manage/product" namespace="/manage" method="post" theme="simple">
    <input type="hidden" value="${e.catalogID!""}" id="catalogID"/>
    <table class="table table-bordered table-condensed">
        <tr>
            <td style="text-align: right;">商品编号</td>
            <td style="text-align: left;"><input type="text" value="${e.id!""}" name="id"
                                                 class="search-query input-small"
                                                 id="id"/></td>
            <td style="text-align: right;">状态</td>
            <td style="text-align: left;">
                <#assign map = {"0":'',"1":'新增',"2":'已上架',"3":'已下架'}>
                <select id="status" name="status" class="input-medium">
                    <#list map?keys as key>
                        <option value="${key}"
                                <#if e.status?? && e.status==key?eval>selected="selected" </#if>>${map[key]}</option>
                    </#list>
            </td>
            <td style="text-align: right;">
                商品分类
            </td>
            <td>
                <!-- 							> -->
                <select onchange="catalogChange(this)" name="catalogID" id="catalogSelect" class="input-medium">
                    <option></option>
                    <#list catalogs as item>
                        <option pid="0" value="${item.id!""}"><font color='red'>${item.name!""}</font></option>
                        <#if item.children??>
                            <#list item.children as item>
                                <option value="${item.id!""}">&nbsp;&nbsp;&nbsp;&nbsp;${item.name!""}</option>
                            </#list>
                        </#if>
                    </#list>
                </select>
            </td>
        <#--<td style="text-align: right;">新品</td>-->
        <#--<td style="text-align: left;">-->
        <#--<#assign map = {'':'','y':'是','n':'否'}>-->
        <#--<select id="isnew" name="isnew" class="input-medium">-->
        <#--<#list map?keys as key>-->
        <#--<option value="${key}" <#if e.isnew?? && e.isnew==key>selected="selected" </#if>>${map[key]}</option>-->
        <#--</#list>-->
        <#--</td>-->
        <#--<td style="text-align: right;">特价</td>-->
        <#--<td style="text-align: left;" >-->
        <#--<#assign map = {'':'','y':'是','n':'否'}>-->
        <#--<select id="sale" name="sale" class="input-medium">-->
        <#--<#list map?keys as key>-->
        <#--<option value="${key}" <#if e.sale?? && e.sale==key>selected="selected" </#if>>${map[key]}</option>-->
        <#--</#list>-->
        <#--</td>-->
        </tr>
        <tr>
            <td style="text-align: right;">商品名称</td>
            <td style="text-align: left;"><input type="text" value="${e.name!""}" name="name" class="input-small"
                                                 id="name"/></td>
            <td style="text-align: right;">录入日期</td>
            <td style="text-align: left;" colspan="9">
                <input id="d4311" class="Wdate search-query input-small" type="text" name="startDate"
                       value="${e.startDate!""}"
                       onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})"/>
                ~
                <input id="d4312" class="Wdate search-query input-small" type="text" name="endDate"
                       value="${e.endDate!""}"
                       onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})"/>
            </td>
            <!-- 						<td style="text-align: right;">录入人</td> -->
        </tr>
        <tr>
            <td colspan="20">
                <#if checkPrivilege("product/selectList")>
                    <button method="selectList" class="btn btn-primary" onclick="selectList(this)">
                        <i class="icon-search icon-white"></i> 查询
                    </button>
                </#if>

                <#if checkPrivilege("product/toAdd")>
                    <a href="toAdd" class="btn btn-success">
                        <i class="icon-plus-sign icon-white"></i> 添加
                    </a>
                </#if>

                <#if checkPrivilege("product/deletes")>
                    <button method="deletes" class="btn btn-danger" onclick="return submitIDs(this,'确定删除选择的记录?');">
                        <i class="icon-remove-sign icon-white"></i> 删除
                    </button>
                </#if>

                <#if checkPrivilege("product/updateUp")>
                    <!-- 							<i class="icon-arrow-up icon-white"></i> 上架 -->
                    <button method="updateUp" class="btn btn-warning" onclick="return submitIDs(this,'确定上架选择的记录?');">
                        <i class="icon-arrow-up icon-white"></i> 上架
                    </button>
                </#if>

                <#if checkPrivilege("product/updateDown")>
                    <button method="updateDown" class="btn btn-warning" onclick="return submitIDs(this,'确定下架选择的记录?');">
                        <i class="icon-arrow-down icon-white"></i> 下架
                    </button>
                </#if>

                <#if checkPrivilege("product/zhiding")>
                    <button method="zhiding" class="btn btn-warning" onclick="return submitIDs(this,'确定置顶这件商品?');">
                        <i class="icon-arrow-down icon-white"></i> 置顶
                    </button>
                </#if>

            </td>
        </tr>
    </table>

    <table class="table table-bordered table-condensed table-hover">
        <tr style="background-color: #dff0d8">
            <th width="20"><input type="checkbox" id="firstCheckbox"/></th>
            <th nowrap="nowrap">商品编号</th>
            <th>名称</th>
            <th>定价</th>
            <th>现价</th>
            <th>录入日期</th>
        <#--<th>新品</th>-->
        <#--<th>特价</th>-->
            <th>浏览次数</th>
            <th>库存</th>
            <th>销量</th>
            <th>状态</th>
            <th width="60">操作</th>
        </tr>
        <#list pager.list as item>
            <tr>
                <td><input type="checkbox" name="ids"
                           value="${item.id!""}"  <#if item.status != 2>
                           disabled
                    </#if>/></td>


                <td nowrap="nowrap">&nbsp;${item.id!""}</td>
                <td>

                    <#if item.order != 0>
                        【<font color='red'>置顶</font>】
                    </#if>

                    <a class="product-name" title="${item.name}" href="toEdit?id=${item.id}">${item.name!""}</a>
                </td>
                <td>&nbsp;${item.price!""}</td>
                <td>&nbsp;${item.nowPrice!""}</td>
                <td>&nbsp;${item.createtime!""}</td>
            <#--<td>&nbsp;-->
            <#--<#if item.isnew??&&item.isnew=="n">-->
            <#--<font color='red'></font>-->
            <#--<#elseif item.isnew??&&item.isnew=="y">-->
            <#--<!-- 							<font color='blue'>新品</font> &ndash;&gt;-->
            <#--<img alt="新品" src="${basepath}/resource/images/action_check.gif">-->
            <#--</#if>-->
            <#--</td>-->
            <#--<td>&nbsp;-->
            <#--<#if item.sale??&&item.sale=="n">-->
            <#--<font color='red'></font>-->
            <#--<#elseif item.sale??&&item.sale=="y">-->
            <#--<!-- 							<font color='blue'>特价</font> &ndash;&gt;-->
            <#--<img alt="特价" src="${basepath}/resource/images/action_check.gif">-->
            <#--</#if>-->
            <#--</td>-->
                <td>&nbsp;${item.hit!""}</td>
                <td>&nbsp;
                    <#if item.stock gt 0>
                    ${item.stock!""}
                    <#else>
                        <span class="badge badge-important">库存告急</span>
                    </#if>
                </td>
                <td>&nbsp;${item.sellcount!""}</td>
                <td>&nbsp;
                    <#if item.status??&&item.status==1>
                        新增
                    <#elseif item.status??&&item.status==2>
                        已上架
                    <#elseif item.status??&&item.status==3>
                        已下架
                    </#if>
                </td>
                <td><a href="toEdit?id=${item.id}">编辑</a>|
                    <a target="_blank" href="${systemSetting().www}/product/${item.id!""}.html">查看</a>
                </td>
            </tr>
        </#list>

        <tr>
            <td colspan="70" style="text-align: center;">
                <#include "/manage/system/pager.ftl"/></td>
        </tr>
    </table>

    <div class="alert alert-info" style="text-align: left;font-size: 14px;margin: 2px 0px;">
        图标含义：<BR>
        <img alt="新增" src="${basepath}/resource/images/action_add.gif">：新增商品
        <img alt="已上架" src="${basepath}/resource/images/action_check.gif">：商品已上架
        <img alt="已下架" src="${basepath}/resource/images/action_delete.gif">：商品已下架
    </div>

</form>

<script type="text/javascript">
    $(function () {
        selectDefaultCatalog();
    });
    function selectDefaultCatalog() {
        var _catalogID = $("#catalogID").val();
        if (_catalogID != '' && _catalogID > 0) {
            $("#catalogSelect").attr("value", _catalogID);
        }
    }
</script>
</@page.pageBase>